<div>
  <div v-if="data.length">
    <div v-if="type === 'line'" >
     <v-chart :forceFit="true" :height="height" :data="data" :scale="scale" :padding="padding">
       <v-tooltip />
       <v-axis />
       <v-line position="time*rate" />
       <v-guide v-for="{ type, position,content, style, start, end, lineLength } in guides"
         :type="type"
         :position="position"
         :content="content"
         :v-style="style"
         :start="start"
         :end="end"
         :lineLength="lineLength"
       >
       </v-guide>
     </v-chart>
   </div>

   <div v-if="data.length" >
     <div v-if="type === 'pie'" >
       <v-chart :forceFit="true" :height="height" :data="data" :scale="scale">
         <v-tooltip :showTitle="false" dataKey="item*percent" />
         <v-axis />
         <v-legend dataKey="item" />
         <v-pie position="percent" color="item" :vStyle="pieStyle" :label="labelConfig" />
         <v-coord type="theta" :radius="0.75" :innerRadius="0.6" />
       </v-chart>
     </div>
   </div>
  </div>
</div>
